<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="shortcut icon" href="https://www.boncake.com.cn/public/app/site/statics/logol.ico">
    <link rel="stylesheet" href="../css/jc_reset.css">
    <link rel="stylesheet" href="../css/login.css">
    <style>
        #header{
            overflow: hidden;
            width: 100%;
            height: 120px;
        }
        #footer{
            /* overflow: hidden; */
            width: 100%;
            height: 250px;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <!-- body -->
    <div id="header"></div>
    <div class="body">
        <img class="register-text-img" src="https://www.boncake.com.cn/themes/boncake/images/img/register-text.png" alt="">
        <p class="sweet">高／颜／值／的／甜</p>
        <div class="square-bg"></div>
        <div class="yellow-bg"></div>
        <!-- 登录 -->
        <div class="login-form">
                <div class="login-tab">
                    <span class="login-tab-item " id='active' data-id="pwd">账号密码登录</span>
                    |
                    <span class="login-tab-item" data-id="code">手机验证码登录</span>
                </div>
                <!-- 账号密码登录 -->
                <em class="em" id="on">
                    <input class="login-tel"  id="phoneInput2" type="text" value="" name="uname" placeholder="账号" >
                    <input class="login-tel account-pwd" id="passInput" type="password" name="password" placeholder="请输入您的密码" >
                    <button class="login-btn" id="dengLu2" type="submit" >登 录</button>
                </em>
                <!-- 手机验证码登录 -->
                <em class="em">
                    <input class="login-tel" id="phoneInput" type="text" name="uname" value="" placeholder="请输入您的手机号">
                    <div class="slider">
                        <div class="slider_bg"></div>
                        <img class="label" src="https://www.boncake.com.cn/themes/boncake/images/img/bar-icon.png" alt="" >
                        <span class="labelTip">按住滑块拖动到最右边</span>
                    </div>
                    <div class="login-code">
                        <input class="code" id="yzm" type="text" placeholder="请输入验证码">
                        <a href="javascript:;" class="get-code"><span class="get-span">获取验证码</span></a>
                    </div>
                    <button class="login-btn" id="dengLu1" type="submit" >登 录</button>
                </em>
            <!-- 登录底部 -->
            <div class="modal-footer">
                <div class="pwd-opt clear">
                    <div class="store-pwd fl">
                        <input type="checkbox" id="for_auto_signin" class="action-auto-signin">
                        <a href="javascript:;">
                            <span class="text">记住密码</span>
                        </a>
                    </div>
                    <div class="forget-pwd fr">
                        <a class="forget" href="../html/find.html">
                            <span>忘记密码</span>
                        </a>
                        <a class="register" href="../html/register.html">
                            <span>去注册</span>
                        </a>
                    </div>
                </div>
                <div class="cut-line">
                    <img class="icon1" src="https://www.boncake.com.cn/themes/boncake/images/img/line-pic.png" alt="">
                    <div class="text">快捷登录</div>
                    <img class="icon2" src="https://www.boncake.com.cn/themes/boncake/images/img/line-pic.png" alt="">
                </div>
                <a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx80f5e33b92119a53&amp;response_type=code&amp;scope=snsapi_login&amp;redirect_uri=https%3A%2F%2Fwww.boncake.com.cn%2Findex.php%2Fopenapi%2Ftrustlogin_api%2Fparse%2Ftrustlogin_plugin_weixin%2Fcallback%2F&amp;state=a8cbfafdb43d14223328aa56e07d3aef">
                    <img class="wx-chat" src="https://www.boncake.com.cn/themes/boncake/images/img/wx-chat.png" alt="">
                </a>
            </div>
        </div>
        <!-- 验证 -->
        <div class="message-content yz1">请输入正确手机号</div>
        <div class="message-content yz5">请按住滑块拖动</div>
        <div class="message-content yz2">请输入正确格式</div>
        <div class="message-content yz3">请输入正确密码</div>
        <div class="message-content yz6">请输入正确验证码</div>
        <div class="message-content yz4">账号或密码有误</div>
    </div>
    <br><br>
    <div id="footer"></div>
    <!-- 引入js -->
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/login.js"></script>
</body>
</html>